import cs from 'classnames'

// import Logo from '@/assets/logo.svg'
import LogoR from '@/assets/logo_r.png'
import SvgIcon from '@/components/SvgIcon'

import styles from './style/index.module.less'

function Header({ show = true }: { show?: boolean }) {
  return (
    <>
      {show && (
        <header
          className={cs('fixed top-0 left-0 w-full h-16 min-h-11 z-10 px-24', styles['header'])}
        >
          <div className="h-full w-full flex justify-between items-center">
            <div className="flex">
              <SvgIcon name="logo" className="w-7 h-9" />
              <div className="pl-2.5 pr-2.5">
                <div className="Cairo text-xs font-medium">نظام التحقيق واجب</div>
                <div className="Roboto text-xs font-bold pt-1">Wajib Investigation System</div>
              </div>
            </div>
            <div className="w-44">
              <img className="w-full" src={LogoR} />
            </div>
          </div>
        </header>
      )}
    </>
  )
}
export default Header
